Problem:
Försöker få autofullständig funktionalitet att fungera med Amadeus Airport Autocomplete som kan hittas här:
https://sandbox.amadeus.com/travel-innovation-sandbox/apis/get/airports/autocomplete
Minimalt exempel:
jQuery UI Autoslutför
#stad {
bredd: 25em;
}
$ (funktion () {
funktionslogg (meddelande) {
$ ("") .text (meddelande) .prependTo ("# log");
$ ("# log"). scrollTop (0);
}
$ ("# stad"). autoslutför ({
källa: funktion (begäran, svar) {
$ .ajax ({
url: "http://api.sandbox.amadeus.com/v1.2/airports/autocomplete",
dataType: "json",
data: {
apikey: "SECRET",
term: begäran.termin
},
framgång: funktion (data) {
svar (data);
}
});
},
minLängd: 3,
välj: funktion (händelse, ui) {
logg (ui.item?
"Vald:" + ui.item.label:
"Ingenting valt, ingången var" + this.value);
},
öppen: funktion () {
$ (detta) .removeClass ("ui-hörn-allt"). addClass ("ui-hörn-topp");
},
stäng: funktion () {
$ (detta) .removeClass ("ui-hörn-topp"). addClass ("ui-hörn-allt");
}
});
});